﻿@charset "utf-8";
/*head*/

.head { width: 100%; height: 179px; overflow: hidden; background: url(head_545034.jpg) repeat-x; }
.top { width: 980px; height: 29px; line-height: 28px; margin: 0 auto; }
.wellcome { width: 300px; float: left; color: #666; }
.sub-menu { width: 170px; float: right; }
.sub-menu-list li { float: left; color: #666; }
.sub-menu-list li a { display: inline-block; padding: 0 2px; color: #666; }
.logo-box { width: 980px; height: 112px; margin: 0 auto; }
.logo { width: 320px; height: 90px; float: left; padding-top: 10px; }
.tel { width: 636px; height: 90px; float: right; padding-top: 10px; }
.nav { width: 980px; height: 38px; line-height: 38px; margin: 0 auto; overflow: hidden; }
.nav-list li { float: left; }
.nav-list .bd { width: 2px; height: 38px; background: url(bd_524830.jpg) no-repeat; }
.nav-list li a { display: inline-block; padding-left: 21px; padding-right: 20px; font-size: 14px; color: #FFF; font-family: "微软雅黑"; font-weight: bold; }
.nav-list li a:hover, .nav-list li a.hover { text-decoration: none; background: url(hover_555180.jpg) repeat-x; }
/*搜索栏*/

.serach-box { width: 980px; height: 45px; line-height: 45px; margin: 0 auto; overflow: hidden; }
.search-link { width: 650px; float: left; }
.search-link a { display: inline-block; padding: 0 5px; color: #666; }
.search { width: 278px; height: 24px; float: right; padding: 10px 0; }
.ipt01 { width: 202px; height: 22px; line-height: 22px; border: #CCC solid 1px; border-right: 0; float: left; }
.btn01 { width: 71px; height: 24px; background: url(serach-btn_605631.jpg) no-repeat; border: 0; float: left; cursor: pointer; }
/*banner*/

.banner_bg { width: 990px; height: 22px; margin: 0 auto; background: url(banner_bg_595558.jpg) no-repeat; }
/*合作品牌*/

.co-brand { width: 980px; height: 180px; margin: 0 auto; background: url(pp_bg_555152.jpg) no-repeat; }
.co-brand strong { display: block; width: 350px; height: 30px; line-height: 30px; margin: 0 auto; text-align: center; color: #FFF; }
.co-brand-marquee { width: 980px; height: 110px; padding: 10px 0; }
.left { width: 20px; height: 82px; float: left; padding-left: 7px; }
.right { width: 20px; height: 82px; float: right; padding-right: 7px; }
.co-brand-gd { width: 924px; height: 110px; float: left; }
.co-brand-list li { width: 144px; float: left; padding: 0 5px; }
.co-brand-list li img { width: 142px; height: 82px; border: #CCC solid 1px; }
.co-brand-list li span { display: block; height: 20px; line-height: 20px; padding-top: 5px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.co-brand-list li a:hover img { border: #06F solid 1px; filter: Alpha(Opacity=50); opacity: 0.8; }
/*center*/

.more { float: right; padding-right: 10px; color: #666; }
.title01 { width: 208px; height: 36px; line-height: 36px; background: url(title01_575275.jpg) no-repeat; color: #FFF; }
.title01 strong { font-size: 14px; padding: 0 8px; }
.title01 span { color: #ADBDCE; font-family: Arial; font-size: 10px; }
.title02 { width: 760px; height: 36px; line-height: 36px; background: url(title02_575276.jpg) no-repeat; }
.title02 strong { color: #002C59; font-size: 14px; padding-left: 25px; }
.title03 { width: 980px; height: 44px; line-height: 44px; background: url(title03_575281.png) no-repeat 0 12px; }
.title03 strong { font-size: 14px; padding-left: 25px; padding-right: 10px; }
.title03 span { font-size: 14px; color: #666; font-family: Arial; }
.center { width: 980px; height: auto; margin: 0 auto; overflow: hidden; }
.box-l { width: 208px; height: auto; float: left; }
.sub-box { width: 208px; height: auto; }
.pro-menu { width: 206px; height: 514px; border: #CCC solid 1px; border-top: 0; background: #F2F2F2; overflow: hidden; }
.menu-list { width: 190px; padding: 8px; }
.menu-list li { width: 190px; height: 28px; line-height: 28px; background: url(list_545076.jpg) bottom no-repeat; }
.menu-list li a { display: block; height: 28px; background: url(li_524845.jpg) no-repeat 5px 10px; padding-left: 25px; }
.menu-list li a:hover, .on { text-decoration: none; color: #F00; }
.box-r { width: 760px; height: auto; float: right; }
.product { width: 754px; height: 514px; border: #CCC solid 1px; border-top: 0; overflow: hidden; padding: 0 2px; }
.product-list li { width: 176px; height: auto; float: left; padding: 15px 6px 0px; }
.product-list li img { width: 170px; height: 200px; border: #CCC solid 1px; padding: 2px; }
.product-list li img:hover { border: #06F solid 1px; }
.product-list li span { display: block; text-align: center; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 5px; }
.gg01 { width: 980px; height: 120px; margin-top: 15px; }
.gg_bg { width: 980px; height: 20px; background: url(gg_bg_555134.jpg) no-repeat; }
.case { width: 980px; height: 277px; background: url(box_bg_565261.png) top center no-repeat; padding-top: 25px; overflow: hidden; }
.left_all { width: 23px; height: 220px; float: left; padding-left: 3px; }
.right_all { width: 23px; height: 220px; float: right; padding-right: 3px; }
.case-marquee { width: 924px; height: 277px; float: left; }
.case-list li { width: 296px; height: auto; float: left; padding: 0 6px; }
.case-list li .case_bg { width: 296px; height: 234px; background: url(case_bg_575340.jpg) no-repeat bottom; }
.case-list li img { width: 290px; height: 218px; border: #CCC solid 1px; padding: 2px; }
.case-list li img:hover { border: #06F solid 1px; }
.case-list li span { display: block; height: 24px; line-height: 24px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bg { width: 100%; height: 344px; background: #F9F9F9; border-top: #CCC solid 1px; border-bottom: #CCC solid 1px; }
.honor-box { width: 980px; height: auto; margin: 0 auto; overflow: hidden; }
.honor { width: 980px; height: 270px; background: url(box_bg_565261.png) top center no-repeat #F9F9F9; padding-top: 25px; overflow: hidden; }
.honor-marquee { width: 924px; height: 270px; float: left; }
.honor-list li { width: 168px; float: left; padding: 0 8px; }
.honor-list li .ry_bg { width: 168px; height: 229px; background: url(ry_bg_555163.jpg) no-repeat bottom; }
.honor-list li img { width: 162px; height: 208px; border: #CCC solid 1px; padding: 2px; }
.honor-list li img:hover { filter: Alpha(Opacity=50); opacity: 0.8; }
.honor-list li span { display: block; height: 24px; line-height: 24px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.youshi { width: 980px; height: auto; overflow: hidden; }
.text01 { color: #D00000; font-size: 14px; font-weight: bold; font-family: "微软雅黑"; }
.ys-biaoti { width: 980px; height: 104px; overflow: hidden; }
.ys01 { width: 980px; height: 300px; background: url(ys01_544965.jpg) no-repeat; overflow: hidden; }
.ys01 strong { display: block; font-size: 23px; color: #1974B8; padding-top: 50px; padding-left: 70px; font-weight: normal; }
.ys01 p { width: 400px; max-height: 150px; font-size: 14px; line-height: 30px; padding-top: 24px; padding-left: 70px; overflow: hidden; }
.ys02 { width: 980px; height: 300px; background: url(ys02_544966.jpg) no-repeat; overflow: hidden; }
.ys02 strong { display: block; width: 460px; float: right; font-size: 23px; color: #1974B8; padding-top: 35px; padding-left: 10px; font-weight: normal; }
.ys02 p { width: 460px; max-height: 150px; float: right; font-size: 14px; line-height: 30px; padding-top: 24px; padding-left: 70px; overflow: hidden; }
.ys03 { width: 980px; height: 320px; background: url(ys03_544967.jpg) no-repeat; overflow: hidden; }
.ys03 strong { display: block; font-size: 23px; color: #1974B8; padding-top: 45px; padding-left: 70px; font-weight: normal; }
.ys03 p { width: 400px; max-height: 150px; font-size: 14px; line-height: 30px; padding-top: 24px; padding-left: 70px; overflow: hidden; }
.ys04 { width: 980px; height: 320px; background: url(ys04_544968.jpg) no-repeat; overflow: hidden; }
.ys04 strong { display: block; width: 540px; float: right; font-size: 23px; color: #1974B8; padding-top: 40px; font-weight: normal; }
.ys04 p { width: 540px; max-height: 150px; float: right; font-size: 14px; line-height: 30px; padding-top: 24px; padding-left: 70px; overflow: hidden; }
.ys05 { width: 980px; height: 310px; background: url(ys05_544969.jpg) no-repeat; overflow: hidden; }
.ys05 strong { display: block; font-size: 23px; color: #1974B8; padding-top: 35px; padding-left: 70px; font-weight: normal; }
.ys05 p { width: 400px; max-height: 150px; font-size: 14px; line-height: 30px; padding-top: 24px; padding-left: 70px; overflow: hidden; }
.aboutus-box { width: 980px; height: auto; margin: 0 auto; padding-top: 10px; }
.aboutus { width: 980px; height: 480px; background: url(box_bg_565261.png) top center no-repeat; padding-top: 25px; overflow: hidden; }
.about-t { width: 322px; height: 232px; float: left; background: url(aboutus_bg_605699.jpg) no-repeat bottom; }
.about-t img { width: 314px; height: 214px; border: #CCC solid 1px; padding: 3px; }
.about-text { width: 630px; height: 232px; float: right; overflow: hidden; padding: 0 12px 10px; line-height: 28px; font-size: 13px; }
.about-marquee { width: 980px; height: 226px; padding-top: 20px; background: url(about_gun_bg_625892.jpg) no-repeat top; }
.about-left { width: 17px; height: 156px; float: left; padding-left: 5px; }
.about-right { width: 17px; height: 156px; float: right; padding-right: 5px; }
.about-c { width: 924px; height: 226px; float: left; padding: 0 5px; }
.about-list li { width: 216px; height: auto; float: left; padding-left: 8px; padding-right: 7px; }
.about-list li img { width: 210px; height: 150px; border: #CCC solid 1px; padding: 2px; }
.about-list li img:hover { filter: Alpha(Opacity=50); opacity: 0.8; }
.about-list li span { display: block; text-align: center; height: 24px; line-height: 24px; padding-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bg02 { width: 100%; height: 550px; padding-top: 22px; background: #F9F9F9; border-top: #CCC solid 1px; border-bottom: #CCC solid 1px; }
.box01 { width: 980px; height: auto; margin: 0 auto; overflow: hidden; }
.js-box { width: 340px; height: auto; float: left; border-right: #CCC dashed 1px; padding-right: 20px; }
.js-title { width: 340px; height: 45px; line-height: 45px; background: url(js-title_585444.jpg) no-repeat; }
.js { width: 340px; padding-bottom: 16px; overflow: hidden; }
.js-t { width: 142px; height: 110px; float: left; padding-top: 10px; padding-right: 10px; }
.js-t img { width: 138px; height: 102px; border: #CCC solid 1px; padding: 2px; }
.js-t img:hover { border: #06F solid 1px; }
.js-text { width: 180px; height: 116px; float: right; padding-top: 6px; }
.js-text strong { font-size: 13px; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.js-text p { height: auto; max-height: 72px; line-height: 24px; overflow: hidden; }
.js-text span { height: 20px; line-height: 20px; }
.js-list { padding-top: 10px; }
.js-list li { width: auto; height: 34px; line-height: 34px; border-top: #CCC dashed 1px; background: url(list_545080.png) no-repeat 0 13px; }
.js-list li span { width: 230px; height: 34px; float: left; padding-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.js-list li em { float: right; }
.news-box { width: 340px; height: auto; float: left; border-right: #CCC dashed 1px; padding-right: 20px; padding-left: 20px; }
.news-title { width: 340px; height: 45px; line-height: 45px; background: url(news-title_605668.jpg) no-repeat; }
.news { width: 340px; padding-bottom: 16px; overflow: hidden; }
.news-t { width: 142px; height: 110px; float: left; padding-top: 10px; padding-right: 10px; }
.news-t img { width: 138px; height: 102px; border: #CCC solid 1px; padding: 2px; }
.news-t img:hover { border: #06F solid 1px; }
.news-text { width: 180px; height: 116px; float: right; padding-top: 6px; }
.news-text strong { font-size: 13px; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-text p { height: auto; max-height: 72px; line-height: 24px; overflow: hidden; }
.news-text span { height: 20px; line-height: 20px; }
.news-list { padding-top: 10px; }
.news-list li { width: 340px; height: 34px; line-height: 34px; border-top: #CCC dashed 1px; background: url(list_545080.png) no-repeat 0 13px; }
.news-list li span { width: 230px; height: 34px; float: left; padding-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-list li em { height: 34px; float: right; }
.faq-box { width: 222px; height: auto; float: right; }
.faq-title { width: 222px; height: 45px; line-height: 45px; background: url(faq-title_595535.jpg) no-repeat; }
.faq { width: 222px; overflow: hidden; }
.faq-list .wen { width: 220px; height: 24px; line-height: 24px; padding-top: 10px; background: url(wen_534962.jpg) no-repeat 0 14px; overflow: hidden; }
.faq-list .da { width: 220px; height: 72px; line-height: 24px; padding-bottom: 10px; background: url(da_524829.jpg) no-repeat 0 4px; overflow: hidden; border-bottom: #CCC dashed 1px; }
.faq-list a { display: block; padding-left: 20px; }
.link { width: 980px; height: 84px; margin: 0 auto; background: url(link_bg_575362.png) top no-repeat; }
.link p { width: 980px; height: 34px; line-height: 34px; padding: 25px 0; }
.link i { font-size: 24px; color: #999999; font-family: "宋体"; }
.link span { font-size: 14px; color: #BDB7B2; display: inline-block; padding: 0 8px; }
.link a { display: inline-block; padding: 0 5px; color: #BDB7B2; }
.footer { width: 100%; height: 300px; background: #2E5882; overflow: hidden; }
.footer a {color: #fff; }
.btm { width: 980px; height: 270px; margin: 0 auto; }
.sub-nav { width: 980px; height: 45px; line-height: 45px; border-bottom: #FFF dashed 1px; overflow: hidden; }
.sub-nav-list { width: 880px; margin: 0 auto; }
.sub-nav-list li { float: left; color: #FFF; text-align: center; }
.sub-nav-list li a { display: inline-block; padding: 0 17px; color: #FFF; }
.weixin { width: 145px; height: auto; float: left; padding-top: 15px; padding-left: 5px; padding-right: 25px; }
.weixin span { display: block; height: 24px; line-height: 24px; text-align: center; padding-top: 5px; color: #FFF; }
.fenxiang { width: 145px; height: 24px; }
.fenxiang p { height: 24px; line-height: 24px; color: #FFF; }
.bd02 { width: 2px; height: 202px; background: url(bd02_544928.jpg) no-repeat; float: left; margin-top: 10px; }
.copy { width: 500px; height: auto; float: left; padding: 15px 20px 0; line-height: 25px; color: #FFF; }
.copy p img { vertical-align: middle; padding: 0 5px; }
.btm_link { width: 490px; height: 40px; padding-top: 10px; }
.map { width: 234px; height: auto; float: right; padding-top: 15px; padding-right: 5px; }
/*banner背景*/
.ban_bg{height:455px;width:100%; position:relative; z-index:0 }
.ban_bg .bgitem{ position:absolute; top:0;display:block; z-index:0;}
.ban_bg .btn{  bottom: 5px;margin-right: -450px;padding: 42px 6px;position: absolute;right: 50%;z-index: 7;}
.ban_bg .btn span {background: none repeat scroll 0 0 #1181c2;border: 1px solid #1181c2;color: #FFFFFF;cursor: pointer;display: inline-block;
margin-left: 5px;padding: 2px 5px;}
.ban_bg .btn span.cur {font-weight: bold;padding: 4px 8px;}